<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>首页-KuangStudy</title>
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
</head>
<body>

<div th:replace="~{common/header::header(activeUrl='index.html')}"></div>

<main role="main">
    <div class="jumbotron" style="background-color: #ffffff;box-shadow: 0px -2px 10px #d0cccc inset;">
        <div class="container">
            <h1 class="display-3">狂神の小社区 <small style="font-size: 20px;">仅供社群内部人员使用，打造我们自己的圈子！</small></h1>
            <p style="margin-top: 2rem;">
                狂神の小社区致力于帮助更多在学习编程路上的小伙伴解决学习问题，提供高质量的教程，输出高质量的博文，在这里你可以交到很多朋友，学习到更多的知识，即使再小的帆也能远航！
            </p>
            <p>
                <a target="_blank" href="https://space.bilibili.com/95256449/article" class="btn btn-primary btn-lg" role="button">了解更多 »</a>
            </p>
        </div>
    </div>

    <div class="container">

        <div class="row">
            <div class="col-md-4">
                <h2>问答</h2>
                <p> 提供高质量的问答服务，致力于解决社区中小伙伴们遇到的问题，并给出解决方案，做到学有所伴，问有所答！</p>
                <p><a th:href="@{/question}" class="btn btn-secondary" role="button">前往 »</a></p>
            </div>
            <div class="col-md-4">
                <h2>博客</h2>
                <p> 给社群小伙伴提供记录自己学习的地方，推出个人博客，优化博客样式，更加方便的管理和展现文章，同时优质的文章会被更多的人看到！ </p>
                <p><a th:href="@{/blog}" class="btn btn-secondary" role="button">前往 »</a></p>
            </div>
            <div class="col-md-4">
                <h2>教程</h2>
                <p> 很多时候，小伙伴找不到具体的学习流程，导致浪费了很多的时间，所以列出教程给大家规划学习路线，让大家能够少走弯路，高效的学习！</p>
                <p><a target="_blank" href="https://space.bilibili.com/95256449/channel/index" class="btn btn-secondary" role="button">前往 »</a></p>
            </div>
        </div>

        <hr>

    </div>
</main>

<div th:replace="~{common/footer::footer}"></div>

<a class="to-top">返回顶部</a>
<script th:src="@{/js/jquery-3.5.1.min.js}"></script>
<script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
<script th:src="@{/js/toTop.js}"></script>

</body>
</html>